<!--轮播区显示页面-->

                          <!--速度为3秒-->
<ngb-carousel #carousel [interval]="3000"  *ngIf="cl.length>0">
                        <!--使用For循环显示图片-->
  <ng-template ngbSlide *ngFor="let c of cl">

    <!--由于标题和描述在手机端不兼容，使用使用pcbdmap样式，只在电脑端显示-->
    <div class="carousel-caption pcbdmap">
      <h3 >{{c.title}}</h3>
      <p >{{c.discription}}</p>
    </div>

    <div class="picsum-img-wrapper ">
                                                        <!--点击图片跳转到对应的页面-->
      <img [src]="c.picurl" alt="Random first slide" (click)="onCarouselClick(c.contenturl)" width="100%">
    </div>
  </ng-template>
</ngb-carousel>


